/*
 * 可复用的公有布局

 */
 /* 这是公共组件区域 */
 .page{
    background-image: url(../../img/sign-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center top ;

}
.headline{
   font-size: 28px;
   color: #fff;
   font-weight: bold;
}
.box{
   position: fixed;
   left: 50%;
   margin-top: 80px;
   height: 450px;
   width: 300px;
  color: white;
   transform: translateX(-50%);
  
  
}
.headlinebig{
   font-size: 20px;

   color: white;
   position: fixed;
   top: 20px;
   right: 20px;
   font-weight: bold;
}
.headlinebottom{
color: gray;
font-size: 16px;
}
.every{
   width: 300px;
   height: 50px;
   border-radius: 25px;
   padding-left: 20px;
   background-color: rgba(225,225,225,0.5);

   letter-spacing: 2px;
   color: white;
}
.every::placeholder{
   color: white;
}
.everylast{
   background-color: rgba(99, 255, 167, 0.5);
   width: 300px;
   height: 50px;
   border-radius: 25px;
   color: white;
}

/* 这是模态框的公共组件区域 */


.mask{
   width: 136px;
   height: 136px;
   background-color: rgba(0,0,0,0.5);
   
   text-align: center;
   font-size: 15px;
   padding-top: 40px;
   font-size: 20px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color: white;
}
.mask p{
   margin-top: 15px;
}
.mask span{
   font-size: 30px;
}
#footer div{
   display: flex;
   justify-content: space-around;
    align-items: center!important;
    height: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: white;
}
#footer div a{
   text-align: center;
   color: gray;
}
#footer div a span{
   font-size: 30px;

}
#footer div a.active{
   color: skyblue;
}
/* 这是运动课程训练的公共css */
.headerdiv{
  
   width: 100%;
   /* background-color: purple; */
   height: 50px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   top: 0px;
   border-bottom: 1px solid rgba(221, 221, 221, 100);
}
.headerdiv a{
   color: gray;

}